(() => {
    var myChart = echarts.init(document.getElementById('main3'));
    option = {
        // tooltip: {
        //     trigger: 'axis',
        //     axisPointer: {            // 坐标轴指示器，坐标轴触发有效
        //         type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        //     }
        // },
        // grid: {
        //     left: '3%',
        //     right: '4%',
        //     bottom: '3%',
        //     containLabel: true
        // },
        dataZoom: {
            show: true,
            start: 0,
            end: 70
        },
        xAxis: [
            {
                type: 'category',
                // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                data: (function () {
                    var res = [];
                    var len = 0;
                    while (len < 100) {
                        res.push(len)
                        len += 2
                    }
                    return res;
                })(),
                // axisTick: {
                //     // alignWithLabel: true
                // }
            },

        ],
        yAxis: [
            {
                type: 'value',
                minInterval: 6
            }
        ],
        series: [
            {
                type: 'bar',
                barWidth: '50%',
                // data: [10, 52, 200, 334, 390, 330, 220]
                data: (function () {
                    var res = [];
                    var len = 0;
                    while (len < 100) {
                        res.push(Math.random() * 10)
                        len += 2
                    }
                    return res;
                })(),
                color: '#bfa'
            },
            {
                // data: [150, 230, 224, 218, 135, 147, 260],
                data: (function () {
                    var res = [];
                    var len = 0;
                    while (len < 100) {
                        res.push(Math.random() * 30 + 1)
                        len += 2
                    }
                    return res;
                })(),
                type: 'line',
                color: '#bfe'
            }
        ]
    };
    myChart.setOption(option);
})()